<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>模拟背文章03</title>
    <style>
        .highlight {
            background-color: yellow;
        }
        
        #article p:not(:last-child) {
            color: transparent;
        }
        
        #article.visible p {
            color: rgb(221, 20, 20);
        }
    </style>
</head>

<body>
    <div id="article">
        <p> 2.2023年4月，全党开展学习贯彻习近平新时代中国特色社会主义思想主题教育，这次主题教育的根本任务是什么？ 答案：坚持学思用贯通、知信行统一，把习近平新时代中国特色社会主义思想转化为坚定理想、锤炼党性和指导实践、推动工作的强大力量，使全党始终保持统一的思想、坚定的意志、协调的行动、强大的战斗力，努力在以学铸魂、以学增智、以学正风、以学促干方面取得实实在在的成效。
        </p>
        <br /> 关键词1是
        <span class="highlight visible">习近平新时代中国特色社会主义思想</span> ，关键词2是
        <span class="highlight visible">党</span> ，关键词3是
        <span class="highlight visible">学习</span> 。
        <br>

        <button onclick="toggleShowAll()">显示全部</button>
        <button onclick="toggleNone()">刷新</button>
    </div>

    <script>
        function toggleShowAll() {
            document.getElementById("article").classList.add("visible");
        }

        function toggleNone() {
            document.getElementById("article").classList.remove("visible");
        }
    </script>
</body>

</html>